<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">    

    <ui:define name="titulo">Administrar Plan Cliente</ui:define>

    <ui:define name="java_script">
    </ui:define>   

    <ui:define name="contenido">

        <h:outputText value="#{label['administrar.plan.cliente']}" class="encabezado"/>              
        <hr id="horizontalLine" style="width: 770px; margin-left: 20px"/> 
        <h:panelGrid columns="10" class="panelFormulario" >
            <p:accordionPanel  style="margin-top: 20px; width: 770px" >  
                <p:tab title="Plan Cliente">         

                    <p:fieldset legend="Detalle Plan Cliente">
                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['cliente']}" escape="false"/>
                                </p:column> 
                                <p:column>  
                                    <p:inputText id="id_cliente" value="#{beanPlanCliente.identificacion_c}" disabled="true"/>                                    
                                </p:column>
                                <p:column>                        
                                    <p:commandButton icon="ui-icon-info" title="Cliente" onclick="dcliente.show();" disabled="#{beanPlanCliente.habilitar}"
                                                     type="button" style="margin-left: 10px">
                                    </p:commandButton>                                                     
                                </p:column>   
                                <p:column>  
                                    <p:inputText id="id_dsc_cliente" value="#{beanPlanCliente.dscCliente}"
                                                 style="width: 300px" disabled="true" rendered="#{beanPlanCliente.dscCliente eq null  ? false : true}"/>                                    
                                </p:column>                                                                
                            </p:row>     
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['plan.pago']}" escape="false"/>
                                </p:column> 
                                <p:column>  
                                    <p:inputText id="id_usuario" value="#{beanPlanCliente.dscPlanPago}" disabled="true"/>                                    
                                </p:column>
                                <p:column>                        
                                    <p:commandButton icon="ui-icon-info" title="Plan Pago" onclick="dplanpago.show();" disabled="#{beanPlanCliente.habilitar}"
                                                     type="button" style="margin-left: 10px">
                                    </p:commandButton>                                                     
                                </p:column>                                                        
                            </p:row>                                                                                                                                       
                        </p:panelGrid>
                    </p:fieldset>                    
                    <p:column><p:commandButton value="Limpiar" icon="ui-icon-arrow-4-diag" action="#{beanPlanCliente.limpiarPlanCliente()}"
                                               update=":form_conci"  style="margin-left: 380px" /></p:column>
                    <p:column><p:commandButton value="Eliminar" icon="ui-icon-trash" disabled="#{!beanPlanCliente.modificar}" 
                                               onclick="confirmation.show()" /></p:column>
                    <p:column><p:commandButton value="Guardar"  icon="ui-icon-disk" action="#{beanPlanCliente.guardarPlanCliente()}"
                                               update=":form_conci" disabled="#{beanPlanCliente.ocultar}"/></p:column>

                    <f:facet name="footer">             
                        <p:commandButton id="id_guardar" value="#{label['guardar']}"                                
                                         action="/xhtml/index" process="@this"/>                
                        <p:commandButton value="#{label['cancelar']}" action="/xhtml/index" process="@this" />    
                    </f:facet>            

                </p:tab>  
            </p:accordionPanel>  
        </h:panelGrid>        
        <p:fieldset legend="Lista de planes de un cliente" style="width: 755px" >
            <p:dataTable id="dataTable" var="plancliente" 
                         rows="5" value="#{beanPlanCliente.lista_plan_cliente}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanPlanCliente.modelo_tabla}"
                         rowKey="#{plancliente.id_plan_cliente}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  
                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanPlanCliente.seleccionarPlanCliente()}"/>

                <p:column headerText="#{label['cliente']}" style="width: 200px; text-align: center" filterBy="#{plancliente.nombre_cliente}" filterMatchMode="contains">                      
                    <h:outputText value="#{plancliente.nombre_cliente}" />  
                </p:column>  

                <p:column headerText="#{label['plan.pago']}" style="width: 200px; text-align: center" filterBy="#{plancliente.nombre_plan}" filterMatchMode="contains" >                      
                    <h:outputText value="#{plancliente.nombre_plan}" />  
                </p:column>                                   
            </p:dataTable>  
        </p:fieldset>
        <p:confirmDialog id="confirmDialog" message="Esta seguro que desea eliminar el plan cliente seleccionado?"  
                         header="Eliminar Cita" severity="alert" widgetVar="confirmation">  

            <p:commandButton id="confirm" value="Aceptar" action="#{beanPlanCliente.eliminarPlanCliente()}" oncomplete="confirmation.hide()" update=":form_conci"/>  
            <p:commandButton id="decline" value="Cancelar" onclick="confirmation.hide()" type="button" />   

        </p:confirmDialog>      

        <p:dialog id="id_lista_clientes" header="Lista de clientes" widgetVar="dcliente" 
                  showEffect="clip" hideEffect="explode" modal="true" >  
            <p:dataTable id="dataTableClientes" var="cliente" style="width: 750px" 
                         rows="5" value="#{beanPlanCliente.listado_persona_cliente}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanPlanCliente.persona_cliente_tabla}"
                         rowKey="#{cliente.identificacion}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  

                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanPlanCliente.seleccionarCliente()}"/>

                <p:column headerText="Nombre" filterBy="#{cliente.nombre}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{cliente.nombre}" />  
                </p:column>  

                <p:column headerText="Primer Apellido" filterBy="#{cliente.apellido1}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{cliente.apellido1}" />  
                </p:column>  

                <p:column headerText="Segundo Apellido" filterBy="#{cliente.apellido2}"  style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{cliente.apellido2}" />  
                </p:column>  

                <p:column headerText="Identificación" filterBy="#{cliente.identificacion}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{cliente.identificacion}" />  
                </p:column>  
            </p:dataTable>              
        </p:dialog>  

        <p:dialog id="id_lista_planes" header="Lista de planes de pago" widgetVar="dplanpago" 
                  showEffect="clip" hideEffect="explode" modal="true" >  
            <p:dataTable id="dataTableUsuarios" var="plancliente" style="width: 750px" 
                         rows="5" value="#{beanPlanCliente.listado_planes_modelo}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanPlanCliente.plan_tabla}"
                         rowKey="#{plancliente.id_plan_pago}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  

                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanPlanCliente.seleccionarPlanPago()}"/>

                <p:column headerText="Nombre" filterBy="#{plancliente.nombre}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{plancliente.nombre}" />  
                </p:column>  

                <p:column headerText="#{label['especialidad']}" filterBy="#{plancliente.nombre_especialidad}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{plancliente.nombre_especialidad}" />  
                </p:column>                            
            </p:dataTable>              
        </p:dialog>  
    </ui:define>
</ui:decorate>
